@import "common";
// 头部
header{
    .collection{
        width: vw(53);
        height:vw(50);
        img{
            width: 100%;
            height: 100%;
        }
    }
}
// 内容
main{
    // 图片
    .picture{
        width: vw(705);
        height: vw(260);
        margin: 0 auto vw(36);
        img{
            width: 100%;
        }
    }
    // 公共非图片
    .detailed_content{
        height: vw(247);
        width: vw(666);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        // background-color: pink;
        margin: 0 auto;
        // 购买
        .buy{
            display: flex;
            justify-content: space-between;
            color: #ff9344;
            .left{
                font-size: vw(72);
                line-height: vw(57);
            }
            .right_button{
                width:vw(111);
                height: vw(59);
                color: white;
                font-size: vw(30);
                border-radius: vw(20);
                background-color: #ff9344;
                border-style: none;
            }
        }
        // 好评
        .comment{
            display: flex;
            justify-content: space-between;
            align-items:center;
            .left{
                display: flex;
                align-items: center;
                font-size: vw(30);
                .img_box{
                    width: vw(38);
                    height: vw(36);
                    margin-right: vw(13);
                    img{
                        width: 100%;
                    }
                }
            }
            .right{
                color: #8e8e8e;
                line-height: vw(26);
                font-size: vw(26);
            }
        }
        // 合适
        .fit{
            width: vw(664);
            height: vw(67);
            background-color: #ff9344;
            display: flex;
            justify-content: space-between;
            align-items:center;
            color: white;
            .left{
                line-height: vw(31);
                font-size: vw(30);
                margin-left: vw(11);
            }
            .right{
                font-size:vw(47);
                margin-right: vw(9);
            }
        }
    }
    // 含图片
    .all_content{
        width: vw(664);
        height: vw(570);
        margin:0 auto;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        // 单行
        .content{
            display: flex;
            height: vw(176);
            // 图片
            .left{
                width: vw(177);
                height:vw(176);
                background-image: url(../images/图层2.png);
                background-size: 100%;
                display: flex;
                margin-right: vw(24);

                // 图片上文字
                .img_text{
                    background-color: rgba($color: white, $alpha: 0.69);
                    width: vw(177);
                    height: vw(39);
                    text-align: center;
                    line-height: vw(39);
                    margin: auto 0;
                    font-size:vw(24);
                }
            }
            // 右边
            .right{
                width: vw(465);
                height:vw(176);
                display: flex;
                justify-content: space-between;
                // align-items:center;
                .content_text{
                    display: flex;
                    flex-direction: column;
                    justify-content: space-evenly;
                    height: vw(176);
                    // 店面
                    .store_name{
                        font-size: vw(30);
                        line-height: vw(31);
                        font-weight: bolder;
                    }
                    // 星级
                    .stars{
                        display: flex;
                        align-items:center;
                        height: vw(34);
                        img{
                            height: 100%;
                        }
                        span{
                            font-size:vw(26);
                            color:#929292;
                            line-height: vw(26);
                        }
                    }
                    // 距离
                    .distance{
                        color:#929292;
                        font-size:vw(24);
                        line-height: vw(24);
                    }
                    // 查看
                    .see{
                        color: #ff9344;
                        font-size:vw(20);
                    }
                }
                // 按钮
                .goin{
                    width: vw(111);
                    height: vw(59);
                    background-color: #ff9344;
                    border-radius:vw(20);
                    border-style: none;
                    color: white;
                    font-size:vw(30);
                    margin: auto 0;
                }
            }
        }
        
    }
}
